/* 导航 */
#nav {
  width: 100%;
  height: 50px;
  background-color: #fd5c63;
  position: fixed;
  z-index: 9999;
}
#nav .container .row > div {
  padding: 0;
}
#nav .container .input {
  width: 100%;
  height: 50px;
  position: absolute;
}
#nav .container .input span {
  position: relative;
  top: 20px;
  left: 5px;
  z-index: 2;
}
#nav .container .input input {
  position: relative;
  z-index: 1;
  top: -10px;
  text-indent: 15px;
}
#nav .container .list li {
  width: 60px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
}
#nav .container .list li a {
  display: block;
  color: #fff;
  text-decoration: none;
}
#nav .container .list li a:hover {
  text-shadow: 1px 1px 1px #ccc;
}
#nav .container .in_out li {
  width: 40px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
}
#nav .container .in_out li a {
  display: block;
  color: #fff;
  text-decoration: none;
}
#nav .container .in_out li a:hover {
  color: #000;
}
/* l轮播图 */
#mycarousel {
  margin-top: 50px;
}
#mycarousel .slide {
  width: 100%;
  height: 640px;
  margin: 0 auto;
  background: url(../img/slide.jpg) no-repeat 50% 50%;
  background-size: cover;
}
/* 主体 */
#main {
  margin: 10px 0 0 0;
}
#main .container .first {
  text-align: center;
}
#main .container .all .block {
  margin-bottom: 20px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #666;
}
#main .container .all .block:hover {
  color: #fd5c63;
}
#main .container .all .block h4 {
  font-size: 16px;
  margin: 5px 0;
  padding: 0;
}
/* 尾部 */
#footer {
  width: 100%;
  height: 373px;
  background-color: #fd5c63;
}
#footer .link {
  text-align: center;
}
#footer .icon {
  width: 55px;
  height: 55px;
  display: inline-block;
  margin: 20px 4% 10px 4%;
}
#footer .icon_qq {
  background: url(../img/qq.png) no-repeat 50% 50%;
}
#footer .icon_weixin {
  background: url(../img/weixin.png) no-repeat 50% 50%;
}
#footer .icon_weibo {
  background: url(../img/weibo.png) no-repeat 50% 50%;
}
#footer .row h3 {
  color: #fff;
  font-size: 20px;
  margin: 0;
}
#footer .row p {
  color: #fff;
}
#footer .row ul li {
  margin: 8px 0;
}
#footer .row ul li a {
  color: #fff;
  font-size: 16px;
}
#footer .copy {
  color: #fff;
}
/*没有小于768px，因为bs3以移动端优先设计*/
/* 小屏幕（平板，大于等于768px） */
@media (max-width: 768px) {
  #mycarousel .slide {
    height: 240px;
  }
  #main .block h4 {
    font-size: 10px;
  }
}
/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
  #mycarousel .slide {
    height: 340px;
  }
}
/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
  #mycarousel .slide {
    height: 540px;
  }
}
/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {
  #mycarousel .slide {
    height: 640px;
  }
}
